﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="LocDimPage.aspx.cs" Inherits="TabControl.LocDimPage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <table>
        <tr>
            <td>
                <asp:Chart ID="ColumnChart" runat="server" DataSourceID="AccessDataSource1">
                    <Series>
                        <asp:Series Name="Series1" XValueMember="City" YValueMembers="Sales">
                        </asp:Series>
                    </Series>
                <ChartAreas>
                    <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                    </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>         
            </td>
            <td>
                <asp:Chart ID="Chart1" runat="server" DataSourceID="AccessDataSource1">
                    <Series>
                        <asp:Series Name="Series1" ChartType="Point" XValueMember="City" 
                            YValueMembers="Sales">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>            
            </td>
        </tr>
        <tr>
            <td>
                <asp:Chart ID="Chart2" runat="server" DataSourceID="AccessDataSource1">
                    <Series>
                        <asp:Series Name="Series1" ChartType="Bubble" XValueMember="City" 
                            YValueMembers="Sales" YValuesPerPoint="2">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>            
            </td>
            <td>
                <asp:Chart ID="Chart3" runat="server" DataSourceID="AccessDataSource1">
                    <Series>
                        <asp:Series Name="Series1" ChartType="Area" XValueMember="City" 
                            YValueMembers="Sales">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>   
            </td>
        </tr>
        <tr>
            <asp:Chart ID="Chart4" runat="server">
                <Series>
                    <asp:Series Name="Series1">
                    </asp:Series>
                </Series>
                <ChartAreas>
                    <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                    </asp:ChartArea>
                </ChartAreas>
            </asp:Chart>
        </tr>
        <tr>
            <td>
                <asp:Chart ID="Chart5" runat="server" DataSourceID="AccessDataSource1">
                    <Series>
                        <asp:Series Name="Series1" ChartType="Pie" XValueMember="City" 
                            YValueMembers="Sales">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
            </td>
            <td>
                <asp:Chart ID="Chart6" runat="server" DataSourceID="AccessDataSource1">
                    <Series>
                        <asp:Series Name="Series1" ChartType="Funnel" XValueMember="City" 
                            YValueMembers="Sales">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Chart ID="Chart7" runat="server" DataSourceID="AccessDataSource1">
                    <Series>
                        <asp:Series Name="Series1" ChartType="Pyramid" XValueMember="City" 
                            YValueMembers="Sales">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
            </td>
            <td>
                <asp:Chart ID="Chart8" runat="server" DataSourceID="AccessDataSource1">
                    <Series>
                        <asp:Series Name="Series1" ChartType="Polar" XValueMember="City" 
                            YValueMembers="Sales" YValuesPerPoint="4">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
            </td>
        </tr>
    </table>

    <asp:Button ID="btnChangeDimension" runat="server" 
        Text="View With Different Dimensions" onclick="btnChangeDimension_Click" />
    
    <asp:AccessDataSource ID="AccessDataSource1" runat="server" 
        DataFile="~/Sample1.accdb" 
        SelectCommand="SELECT [City], [Sales] FROM [SampleTable]">
    </asp:AccessDataSource>
</asp:Content>
